<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <ui:composition template="/template/template2.xhtml">
        <ui:define name="title">
            <h:outputText value="#{bundle.CreateRoleTitle}"></h:outputText>
        </ui:define>
        <ui:define name="content">
            <div class="panel-wrapper fixed">
                <ul class="breadcrumbs-navigation">
                    <li><h:link outcome="List">Dashboard</h:link></li>
                    <li><h:link outcome="List">Role Management</h:link></li>
                    <li><h:link outcome="Create">Create</h:link></li>
                </ul>
            </div>

            <div class="panel-wrapper fixed">
                <div id="msg_error">

                </div>
                <div class="panel ">
                    <div class="title">
                        <h4>Edit Role</h4>
                    </div>
                    <div class="content">
                        <h:panelGroup id="messagePanel" layout="block">
                            <h:messages errorStyle="color: red" infoStyle="color: green" layout="table"/>
                        </h:panelGroup>
                        <h:form>
                            <fieldset>

                            <td class="group fixed">
                                <h:outputLabel style="float:left;width:20%;float:left;height:35px;line-height:35px;"  >Role Name: <span style="color: red;">*</span></h:outputLabel>
                                <h:inputText style="float:left;width:76%;float:left;height:26px;padding:4px 12px;border:1px solid #d0d0d0;border-radius:4px;box-shadow:inset 0px 1px 3px 0 rgba(0,0,0,0.2), 1px 2px 3px 0 rgba(0,0,0,0.1);font-family:Arial, Verdana;color:#565656;font-size:12px;transition: box-shadow 0.3s;-moz-transition: box-shadow 0.3s;-webkit-transition: box-shadow 0.3s;-o-transition: box-shadow 0.3s;"
                                             id="roleName" value="#{roleController.selected.roleName}" title="#{bundle.CreateRoleTitle_roleName}" required="true" requiredMessage="#{bundle.CreateRoleRequiredMessage_roleName}"/>
                            </td><br/><br/>
                            <td class="group fixed">
                                <h:outputLabel style="float:left;width:20%;float:left;height:35px;line-height:35px;" >Description: <span style="color: red;">*</span></h:outputLabel>
                                <h:inputText style="float:left;width:76%;float:left;height:100px;padding:4px 12px;border:1px solid #d0d0d0;border-radius:4px;box-shadow:inset 0px 1px 3px 0 rgba(0,0,0,0.2), 1px 2px 3px 0 rgba(0,0,0,0.1);font-family:Arial, Verdana;color:#565656;font-size:12px;transition: box-shadow 0.3s;-moz-transition: box-shadow 0.3s;-webkit-transition: box-shadow 0.3s;-o-transition: box-shadow 0.3s;"
                                             id="description" value="#{roleController.selected.description}" title="#{bundle.CreateRoleTitle_description}" />
                            </td>
                            <td class="group fixed">
                            <div class="content spacing" style="margin-left: 200px;">

                                <h:commandButton action="#{roleController.prepareList}" value="Update" styleClass="button-blue"/>
                                <h:commandButton action="#{roleController.performDestroy}" value="Cancel" styleClass="button-white"/>
                            </div>
                            </td>
                            </fieldset>
                        </h:form>
                    </div>
                </div>
            </div>
        </ui:define>
    </ui:composition>

</html>
